@mixin _setArrow($arrowwidth, $arrowheight) {
    display: inline-block;
    width: $arrowwidth;
    height: $arrowheight;
    background-image: url('');
    background-repeat: no-repeat;
    background-size: cover;
}

@mixin setArrow($direction,
$arrowwidth,
$arrowheight) {
    @include _setArrow($arrowwidth,
    $arrowheight);
    @if $direction==top {
        transform: rotate(-90deg);
        right: 0;
    }
    @else if $direction==right {
        right: 0;
    }
    @else if $direction==down {
        transform: rotate(90deg);
        right: 0;
    }
    @else {
        transform: rotate(180deg);
        right: px2rem(-6);
    }
    position: relative;
}
